page {
	background-color: #f6f7fb;
}

.header {
	width: 100%;
	height: 400rpx;
	background: linear-gradient(to right, #5969fc, #97a0eb);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;

	.user_info {
		width: 100%;
		height: 120rpx;
		margin-bottom: 70rpx;
		display: flex;
		align-items: center;

		.avatar {
			width: 100rpx;
			height: 100rpx;
			background-color: #e0e0e0;
			border-radius: 50%;
			margin-left: 20rpx;
			overflow: hidden;

			&>image {
				width: 100%;
				height: 100%;
			}
		}

		.info {
			margin-left: 20rpx;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			color: #fff;

			.user_box {
				display: flex;
				align-items: center;
				margin-bottom: 10rpx;

				.arrow {
					margin-left: 5rpx;
				}

				.nick_name {
					font-size: 30rpx;
				}
			}

			.user_role {
				font-size: 24rpx;
			}
		}
	}
}

.action_box {
	width: 100%;
	height: 250rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;

	.agree {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30rpx;
		height: 60rpx;
		font-size: 26rpx;

		.check {
			font-size: 26rpx;
		}

		.agreement {
			color: #4b5ce8;
			font-size: 26rpx;
		}
	}
}

.login_btn {
	width: 600rpx;
}

.customer_box {
	width: 600rpx;
	height: 400rpx;
	padding: 20rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;

	.data_box {
		width: 100%;
		display: flex;
		flex-direction: column;

		.data_item {
			width: 100%;
			height: 100rpx;
			display: flex;
			flex-direction: column;
			margin-top: 20rpx;
			margin-bottom: 15rpx;

			.item_view {
				width: 100%;
				height: 40rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.item_label {
					font-size: 32rpx;
					margin-left: 15rpx;
				}

				.item_op {
					font-size: 32rpx;
					margin-right: 15rpx;
					color: blue;
				}
			}

			.item_value {
				font-size: 30rpx;
				margin-left: 15rpx;
				margin-top: 20rpx;
			}
		}
	}

	.close_btn {
		width: 240rpx;
		height: 70rpx;
		margin-bottom: 10rpx;
	}
}